<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="/wk3un4/houtai/lib/layui/css/layui.css" />
<script type="text/javascript" src="/wk3un4/houtai/lib/layui/layui.js"></script>
</head>
<body>
	<form class="layui-form" action="">
		<div class="layui-form-item" hidden="hidden">
			<label class="layui-form-label">ID:</label>
			<div class="layui-input-inline" style="width: 350px;">
				<input type="text" id="id" name="id" class="layui-input"
					readonly="true">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">材料:</label>
			<div class="layui-input-inline" style="width: 350px;">
				<input type="text" id="cailiao" name="cailiao" required=""
					autocomplete="off" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">包装:</label>
			<div class="layui-input-inline" style="width: 350px;">
				<input type="text" id="baozhuang" name="baozhuang" required=""
					autocomplete="off" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">花语:</label>
			<div class="layui-input-inline" style="width: 350px;">
				<input type="text" id="huayu" name="huayu" required=""
					autocomplete="off" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">配送:</label>
			<div class="layui-input-inline" style="width: 350px;">
				<input type="text" id="peisong" name="peisong" required=""
					autocomplete="off" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">品牌:</label>
			<div class="layui-input-inline" style="width: 350px;">
				<input type="text" id="brand" name="brand" required=""
					autocomplete="off" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">是否定制:</label>
			<div class="layui-input-inline" style="width: 350px;">
				<input type="text" id="dingZhi" name="dingZhi" required=""
					autocomplete="off" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">型号:</label>
			<div class="layui-input-inline" style="width: 350px;">
				<input type="text" id="bianhao" name="bianhao" required=""
					autocomplete="off" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">颜色:</label>
			<div class="layui-input-inline" style="width: 350px;">
				<input type="text" id="color" name="color" required=""
					autocomplete="off" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">元素:</label>
			<div class="layui-input-inline" style="width: 350px;">
				<input type="text" id="yuansu" name="yuansu" required=""
					autocomplete="off" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">图片地址:</label>
			<div class="layui-input-inline" style="width: 350px;">
				<button type="button" class="layui-btn" id="test1">
					<i class="layui-icon">&#xe67c;</i>上传图片
				</button>
				<img id="imgFace" style="width: 120px;" src="" /> <input
					type="hidden" id="picUrl" name="picUrl" required=""
					autocomplete="off" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">是否显示:</label>
			<div class="layui-input-block">
				<input type="radio" name="homeFlag" value="是" title="是"> <input
					type="radio" name="homeFlag" value="否" title="否" checked>
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">商品名称:</label>
			<div class="layui-input-inline" style="width: 350px;">
				<input type="text" id="name" name="name" required=""
					autocomplete="off" class="layui-input">
			</div>
		</div>
		<div class="layui-btn-container" style="text-align: center;">
			<button class="layui-btn" lay-filter="userEditBtu" lay-submit="">
				修改</button>
		</div>
	</form>
	</div>
	<script>
		//加载了layui的form模块
		layui.use([ 'form', 'upload' ], function() {
			var form = layui.form;
			var $ = layui.jquery; //引入jquery
			var upload = layui.upload;
			//执行实例
			var uploadInst = upload.render({
				elem : '#test1' //绑定元素
				,
				url : '/wk3un4/ProductListZsgServlet?method=upload' //上传接口
				,
				done : function(res) {
					//上传完毕回调
					console.log(res);
					$("#picUrl").val('upload/' + res.data);
					$("#imgFace").attr('src', '/wk3un4/upload/' + res.data);
				},
				error : function() {
					//请求异常回调
				}
			});
			//监听提交
			form.on('submit(userEditBtu)', function(data) {
				var d = data.field; //表单中的数据，定义一个对象来接收
				d.method = "update"; // 我的密匙、大家用你们自己的
				//通过ajax向数据库提交数据了
				console.log(d); //提交之前的一个数据验证、通过打印的方式先手动的去判断一下这个数据
				var url = '/wk3un4/ProductListZsgServlet';
				//确保数据没有问题就进行ajax提交了
				$.post(url, d, function(data) {
					if (data.count > 0) {
						console.log('修改成功');
						var index = parent.layer.getFrameIndex(window.name); //获取当前窗口的name
						parent.layer.close(index); //关闭窗口
					}
				}, "json");
				return false;
			});
		});
	</script>
</body>
</html>
